import Footer from './footer/footer'
import Header from './header/header'
import { Provider } from '../../store/storeProvider'
import { Outlet } from 'react-router-dom'
import { styled } from '@mui/material'

const App = () => {
	const StyledContainer = styled('div')(() => ({
		display: 'flex',
		width: '100%',
		alignItems: 'flex-start',
		justifyContent: 'center',
		minHeight: 'calc(100vh - 289px)',
	}))
	return (
		<Provider>
			<Header />
			<StyledContainer>
				<Outlet />
			</StyledContainer>
			<Footer />
		</Provider>
	)
}

export default App
